<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app"></div>
</body>
<script src="./dist/index.js"></script>
<script>
    // 字符串、数字、布尔值、undefined、null、symbol
    // object、array、function
    // 内置对象：Date、RegExp...
    // js来表示dom节点
    // babel
    



    // var vDom = {
    //     tagName: 'div',
    //     props:{
    //         id: 'app',
    //         class: 'user'
    //     },
    //     // children: 'hello world'
    //     children: [
    //         {
    //             tagName: 'span',
    //             props: {
    //                 class: 'name'
    //             },
    //             children: [
    //                 {
    //                     tagName: 'div',
    //                     props: null,
    //                     children: '哈哈'
    //                 }
    //             ]
    //         },
    //         {
    //             tagName: 'span',
    //             props: {
    //                 class: 'name'
    //             },
    //             children: 'test'
    //         }
    //     ]
    // }
   
    // document.body.appendChild(toRealDom(vDom))
</script>
</html>